<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title></title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
	<meta name="keywords" content="">
	<meta name="description" content="">

	<link rel="shortcut icon" href="/template/pc1/images/wmh_favicon.ico">
	<link href="${base}/res/plugins/hplus/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="${base}/res/plugins/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
	<link href="${base}/res/plugins/hplus/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="${base}/res/plugins/hplus/css/animate.css" rel="stylesheet">
	<link href="${base}/res/plugins/hplus/css/style.css?v=4.1.0" rel="stylesheet">
	<link href="${base}/res/plugins/hplus/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="${base}/res/css/common.css" rel="stylesheet" type="text/css" />

</head>

<body class="white-bg">
<div class="path">
    营销商品 &raquo; 商品列表
</div>
<div class="wrapper wrapper-content">
	<div class="row">
		<div class="col-sm-12" >
			<div class="alert alert-warning alert-dismissable">
				<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
				可以对营销商品进行管理，并进行增删改查。
			</div>
			<div class="btn-group hidden-xs" id="eventsToolbar" role="group">
				<button type="button" class="btn btn-outline btn-default">
					<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
				</button>
			</div>
			<table id="cpTableEvents" data-toggle="table" data-mobile-responsive="true">
				<thead>
				<tr>
                    <th data-field="number" data-formatter="numberFormatter">序号</th>
					<th data-field="name">商品名称</th>
					<th data-field="isMarketable" data-formatter="isMarketableFormatter">是否展示在首页</th>
                    <th data-field="productStatus" >商品状态</th>
					<th data-field="needXin">爱心</th>
					<th data-field="shelfTime">下架时间</th>
                    <th data-field="store">库存</th>
					<th data-field="head" data-formatter="opFormatter" data-halign="center"  data-align="center">操作</th>
				</tr>
				</thead>
			</table>
		</div>
	</div>
</div>
<script src="${base}/res/plugins/hplus/js/jquery.min.js?v=2.1.4"></script>
<script src="${base}/res/plugins/hplus/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${base}/res/plugins/hplus/js/content.js?v=1.0.0"></script>
<script src="${base}/res/plugins/hplus/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${base}/res/plugins/hplus/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="${base}/res/plugins/hplus/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${base}https://static.9hive.cn/global/vendor/layer/layer.js"></script>
<script src="${base}/res/plugins/hplus/js/plugins/toastr/toastr.min.js"></script>

<script>
    function numberFormatter(value, row, index){
        return index+1;
    }

    function opFormatter(value, row, index){
    	var html = '<a href="javascript:void(0)" onclick="edit(\''+row.id+'\');" >[编辑]</a>';
		html += '<a href="javascript:void(0)" onclick="del(\''+row.id+'\');"><span style="margin-left:10px;">[删除]</span></a>';
		return html;
	}
	
	function nameFormatter(value, row, index) {
        if(row.valuenames){
			return value + "<span style='color: #00a0e9;margin-left: 5px'>["+row.valuenames+"]</span>";
		}else
		    return value;
    }

	function isMarketableFormatter(v) {
		if(v)
		    return '是';
		else
		    return '否';
    }

	function del(v) {
        $.post('delete',{"ids":v},function (e) {
			if(e.status == 'error'){
                toastr.error(e.message, '提示')
			}else{
                toastr.success('删除成功', '提示');
                $('#cpTableEvents').bootstrapTable('refresh');
			}
        })
    }
	function edit(v) {
		location.href = "edit?id="+v;
    }

    (function() {
        $('#cpTableEvents').bootstrapTable({
            url: "${base}/shop/integralProduct/ajaxlist",
            search: true,
            pagination: true,
            showRefresh: true,
            showToggle: true,
            showColumns: true,
            iconSize: 'outline',
            toolbar: '#eventsToolbar',
            icons: {
                refresh: 'glyphicon-repeat',
                toggle: 'glyphicon-list-alt',
                columns: 'glyphicon-list'
            }
        });

        $('#eventsToolbar').on('click',function (e) {
			location.href = 'add';
        })

		toastr.options = {
			"positionClass" : "toast-top-center"
		};

        if('${type!}' == 'save')
            toastr.success('添加成功', '提示')
		if('${type!}' == 'del')
            toastr.success('删除成功', '提示')
    })();
</script>
</body>

</html>
